<template>
  <div>
    <h2>计算值:{{sum}}</h2>
    <select v-model.number="n">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
    <button @click="increment">+</button>
    <button @click="decrement">-</button>
    <button @click="incrementIfOdd">上一次的和是奇数时进行加</button>
    <button @click="incrementWait">等一等再加</button>
      </div>
</template>

<script>
export default {
      name:'App',
      data(){
        return {
          sum:0,
          n:2
        }
      },
      methods:{
        increment(){
            this.$store.dispatch('jia',this.n)
        },
        decrement(){
            this.$store.dispatch('jian',this.n)
        },
        incrementIfOdd(){
            if(this.sum % 2){
              this.$store.dispatch('jia',this.n)
            }
        },
        incrementWait(){
          setTimeout(()=>{
              this.$store.dispatch('jia',this.n)
          },500)
        }
      }
}
</script>

<style>
button{
  margin-left:10px;
}
</style>